body { margin-left: 0;
padding-left: 30;}

p {
 
  margin-top: 10px; margin-bottom: 5px;
}
.margin {
  margin-top: 0; margin-bottom: 0;
  padding-left: px;
}
.headerbox {
    background-color: rgb(255, 255, 255); 
    font-family: 'Montserrat';
    font-size: 20px;
      padding-left: 3%; padding-right: 3%;
      padding-top: 10px; padding-bottom: 30px;
      margin-top: 30px; margin-bottom:0px;
      margin-left: 12%; margin-right: 12%;
      min-width: 250px;
  }
  
  .bubbleright {
    
    background-color: rgb(0, 0, 0);
    margin-left: auto; margin-right: auto;
    margin-bottom: 10px; margin-top: 40px;
    padding-left: 100px; 
    padding-right: 100px;
    padding-top: 20px;
    padding-bottom: 20px;
    max-width: 300px;
    min-width: 300px;
    border-bottom-left-radius: 200px;
    border-top-left-radius: 200px;
    border-top-right-radius: 200px;
  border-bottom-right-radius: 200px;

}


.hello {
  color: white;
  font-family: 'Montserrat';
    text-align: center;
    font-size: 70pt;
}

.bubbleleft { 
  background-color: #ff6f7b;
  margin-top: 0px; margin-bottom: 0px;
  margin-right: 25%;
  padding-left: 15%; 
  padding-right: 40px;
  padding-top: 40px;
  padding-bottom: 70px;
  max-width: 550px;
  min-width: 320px;
  border-top-right-radius: 200px;
  border-bottom-right-radius: 200px;
          
}
.im {
  font-size: 30pt;
  font-family: 'Montserrat';
  padding-left: 50px;
}
      .lucy {
          font-size: 70pt;
          font-family: 'Montserrat';
          color: white;
      }
      
      .logo {
          height: auto;
       font-family: Veranda;
       margin-left: 40px; margin-bottom: 40px; margin-top: 40px;
       
  }
      .h2 {
          font-size: 50px;
          font-family: 'Montserrat';
          padding-top: 0px; padding-bottom: 20px;
          
      }
    
      .h3 { margin-top: 20px; margin-bottom: 20px;}



  
  hr.rounded {
    border-top: 8px solid #ff938e;
    border-radius: 5px;
    margin-top: 0px; margin-bottom: 0px;
    margin-left: 15%; margin-right: auto;
    max-width: 800px;
    
  }

.flex-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-color: rgb(237, 237, 237);
    vertical-align: center;
    padding-left: 5%; padding-right: 5%; padding-top: 30px; padding-bottom: 30px;
    
    
  }
  .flex-container > div {
    background-color: #ffffff;
    width: 300px;
    margin: 10px;
    padding-left: 10px; padding-right: 10px; padding-top: 20px; padding-bottom: 20px;
    text-align: center;
    font-size: 30px;
    font-family: 'Montserrat';
    border-radius: 45px;

    
    box-shadow: inset 0 0 0.5px 1px hsla(0, 0%,  
  100%, 0.075),
  /* shadow ring 👇 */
  0 0 0 1px hsla(0, 0%, 0%, 0.05),
  /* multiple soft shadows 👇 */
  0 0.3px 0.4px hsla(0, 0%, 0%, 0.02),
  0 0.9px 1.5px hsla(0, 0%, 0%, 0.045),
  0 3.5px 6px hsla(0, 0%, 0%, 0.09);
  }


.r {
  border-radius: 30px;
}
  .boxsides {
    margin-left: 30px;
  }
.spacer{
  margin-top: 200px;
}

.shadow {
  /* inner glow 👇 */
box-shadow: inset 0 0 0.5px 1px hsla(0, 0%,  
  100%, 0.075),
  /* shadow ring 👇 */
  0 0 0 1px hsla(0, 0%, 0%, 0.05),
  /* multiple soft shadows 👇 */
  0 0.3px 0.4px hsla(0, 0%, 0%, 0.02),
  0 0.9px 1.5px hsla(0, 0%, 0%, 0.045),
  0 3.5px 6px hsla(0, 0%, 0%, 0.09);
}




#button {
    transition: transform 2s; border-radius: 0s; 
    background: 3s;
    background-color: #ff6f7b;
    margin-left: 10px; margin-top: 30px; margin-bottom: 40px;
    padding-top: 20px; padding-bottom: 20px; padding-left: 30px; padding-right: 30px;
    font-family: "Montserrat";
    text-align: center;
    font-size: 24px;
    color: white;
    border-bottom-left-radius: 200px;
    border-top-left-radius: 200px;
    border-top-right-radius: 200px;
  border-bottom-right-radius: 200px;

}

#button:hover {
    transform: rotatey(360deg);
    transition-timing-function: ease;
}

 #flex2{ display: flex;
    flex-wrap:wrap;
    flex-direction: row;
    justify-content: left;
   padding-left: 15%;
}